<template>
  <div>
    <p>app</p>
    <!-- 
      v-bind:xxx.sync="xxx"
        做了两件事。
          1. 子组件接受到了 xxx 属性
          2. 子组件绑定 update:xxx 自定义事件
     -->
    <Child :count.sync="count" />
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  components: {
    Child,
  },
  data() {
    return {
      count: 0,
    };
  },
};
</script>
